<template>
  <div class="myself-box" @click="handleClick">
    <span>{{name}}</span>
    <span><b>{{desc}}</b><i class="iconfont iconjiantou1"></i></span>
  </div>
</template>

<script>
export default {
    props:['name','desc'],
    methods:{
        handleClick(){
            this.$emit('toClick');
        }
    }
}
</script>

<style lang="less" scoped>
.myself-box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 13.333vw;
    line-height: 13.333vw;
    border-bottom: 1px solid #E4E4E4;
    font-size: 3.889vw;
    span{
        b{
            font-weight: 400;
        }
        &:first-child{
            color:#212121;
        }
        &:last-child{
            color:#A1A1A1;
        }
        .iconjiantou1{
            padding:0 4.444vw 0 2.778vw;
            font-size: 3.889vw;
        }
    }
}
</style>